<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单</title>
</head>
<body>
<!-- form 主要前后端交互  -->
<!-- form 主要熟悉 name:表单名称， action:提交到什么地方， method：提交的方法，get/post  -->
<!-- input 内type属性包含： text\password\radio\checkbox\file\button\image\submit\reset-->
<!--
a. text:单行文本物入框 type="text"可以不写。默认值。屈性:placeholder(提示)/name(命名)/minlength利maxlength(最少/多输入的字符个数)/disabled(5value(默认们)/pattern(正则匹配)
b.password:密码框 属性与text一样
c.radio:单选钮，通常是两项以上。常用属性有:name(必须要有)/value/checked(选中)/disabled(失效)
d.checkbox:复选框，可以用来选择0项、1项或多项。
        常用属性有:name(必须要有)/value/checked(默认选中)/disabled(失效)/readonly(只读)
e.file:文件上传按钮f.button:普通按钮，通常用它去调用脚本代码。常用属性有:value(按纽的标题)/disabled(失效)
f.image:图片按钮，用法与button一样。有一个特殊属性:src(用来加载提示图片，用它替换了value)
    他有提交功能
g. submit/reset 
h.textarea类
    文本域(也可以叫多行文本框)，主要用于输入大批量的内容。
    常用属性:name/idcols(列家)rows(行数)placeholder minlength/maxlength reouired(必频输入)yal!3)select类
i.下拉列表框，默认用于单项选择。用option呈现每个选项，
    multiple属性:表示可以多选
    size:最多显示的行数

j.iframe:框架集，是用来将多个网页文件组合成一个文件。
    常用属性:
    name:框架名
    src:引入的外部htm1文件
    scrolling:滚动条(yes/no/auto)
    width:宽度(%/px)
    height:高度(%/px)
    frameborder:是否有边框(1/0)
    marginheiht:框架离顶部和底端的距离(%/px)
    marginwidth:框架离左右的距离(%/px)
-->
<form name="stuInfo" action="#" method="get">
    <span>账号</span><input type="text" name="username"  placeholder="请输入账号" /> <br>
    <span>密码</span><input type="password" name="password"  placeholder="请输入密码" /> <br>
    <input type="checkbox" name="num" value="1" > 1
    <input type="checkbox" name="num" value="2" > 2
    <input type="checkbox" name="num" value="3"  > 3<br>
    <input type="radio" name="sex" value="男"  checked="checked"> 男
    <input type="radio" name="sex"  value="女"> 女<br>
    <input type="file" name="file" >文件上传
    <input type="image" name="image" >图片展示

    <input type="text" name="" id="">



    <input type="submit" value="提交">
    <br>
    <textarea></textarea>
    <br>
    <select name="性别" >
        <option value="fame" name="xb" selected>男</option>
        <option value="fefame" name="xb">女</option>
    </select>
    <br>
    <select name="学科"  >
        <option value="语文" name="xk" selected>语文</option>
        <option value="数学" name="xk">数学</option>
        <option value="英语" name="xk">英语</option>
    </select>
</form>






</body>
</html>